<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录页面</title>
<link rel="stylesheet" href="login.css">
</head>
<body>
<header>
	<img src="../images/header/logo.png">
	<h3>欢迎登录</h3>
</header>
<article>
	<form action="#">
	<div id="form_div">
		<div id="form_panel">
			<p>登录学子商城<a href="#">新用户注册</a></p>
			<div class="filed">
				<input type="text" 
					placeholder="请输入您的用户名">
				<p>用户名不能为空</p>
				<img src="../images/login/yhm.png">
			</div>
			<div class="filed">
				<input type="password" 
					placeholder="请输入您的密码">
				<p>密码不能为空</p>
				<img src="../images/login/mm.png">
			</div>
			<div id="auto_div">
				<input type="checkbox" id="auto">
				<label for="auto">自动登录</label>
				<a href="#">忘记密码?</a>
			</div> 
			<input type="submit" value="登录">
		</div>
	</div>
	</form>
 
	
	
	<div id="service_div">
		<div>
			<img src="../images/footer/icon1.png">
			<p>品质保障</p>
		</div>
		<div>
			<img src="../images/footer/icon2.png">
			<p>私人订制</p>
		</div>
		<div>
			<img src="../images/footer/icon3.png">
			<p>学院特供</p>
		</div>
		<div>
			<img src="../images/footer/icon4.png">
			<p>专属特权</p>
		</div>
	</div>
</article>
<footer>
	<div>
		<div>
			<div id="left_div">
				<img src="../images/footer/logo.png">
				<img src="../images/footer/footerFont.png">
			</div>
			<div id="center_div">
				<ul>
					<li><a href="#">买家帮助</a>
						<ul>
							<li><a href="#">新手指南</a></li>
							<li><a href="#">服务保障</a></li>
							<li><a href="#">常见问题</a></li>
						</ul>
					</li>
					<li><a href="#">买家帮助</a>
						<ul>
							<li><a href="#">新手指南</a></li>
							<li><a href="#">服务保障</a></li>
							<li><a href="#">常见问题</a></li>
						</ul>
					</li>
					<li><a href="#">买家帮助</a>
						<ul>
							<li><a href="#">新手指南</a></li>
							<li><a href="#">服务保障</a></li>
							<li><a href="#">
							<img src="../images/footer/wechat.png"></a>
							<a href="#">
							<img src="../images/footer/sinablog.png"></a></li>
						</ul>
					</li>
				</ul>			
			</div>
			<div id="right_div">
				<div>
					<p>学子商城客户端</p>
					<img src="../images/footer/ios.png">
					<img src="../images/footer/android.png">
				</div>
				<img src="../images/footer/erweima.png">
			</div>
		</div>
		<p>©2017 达内集团有限公司 版权所有 京ICP证xxxxxxxxxxx</p>
	</div>
</footer>
</body>
</html>


